 //1.公用样式
 require('../../assets/css/index.JS')
 //当前页面样式
 require('./mine.less')

    //2.公用js
let dom=require('../../utils/dom.js');
let https=require('../../utils/https.js');
let local=require('../../utils/local.js');
// 获取local本地存储

// 如果没有登录就跳去登录
// https.isLogin();
//3.当前页面效果
// console.log(dom);
//相当于文档加载事件
dom.ready(function(){
    dom.ft('mine');//底部渲染别动
    
    let portrait=dom.getById('.header-imgs>img')//用户头像
    let clockDay=document.querySelector('.clock-text .day')//今日打卡天数
    let userText=dom.getById('.user-text')//用户名称
    let signature=dom.getById('.signature')//用户签名
    let personageState=dom.getById('.personage-state')//个人动态数据条数
    let motionDate=dom.getById('.motion-date')//运动时长
    let motionCalorie=dom.getById('.motion-calorie')//运动卡路里

    let motionBox=dom.getById('.motion-box')//个人动态

    let userbtn=document.querySelector('.user-btn')//用户昵称btn
    let motionBtn=dom.getById('.motion-btn')//运动数据btn
    let todayClock=document.querySelector('.today-clock')//今日打卡btn
    // let stateBtn=document.querySelector('.state-btn')//个人动态========用于后面跳转
    let badgeBtn=dom.getById('.badge-btn')//徽章btn
    let quitbtn=dom.getById('.quitbtn')//退出账号
    

       // 使用轮播图插件
       new Swiper ('.swiper', {
        // direction: 'vertical', // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay:true,
        // 如果需要滚动条
        scrollbar: {
          el: '.swiper-scrollbar',
        },
      })  


    //   渲染页面的函数
      function renderPage(){
        https.get('/api/user/info',function(res){
            // 如果获取成功
            if (res.errno==0) {
                // 就把数据放本地存储
                local.set('userdata',res.data)
                // 再通过本地渲染头像
                portrait.src=https.BASE_URL+local.get('userdata').imgUrl;
                // 再通过本地渲染用户名
                userText.innerText=local.get('userdata').nickName
                // 渲染用户签名
                signature.innerText=local.get('userdata').sign?local.get('userdata').sign:'此人很懒什么都没有留下'
                // 再通过本地渲染用打卡天数
                clockDay.innerText=local.get('userdata').clockCount
                // 个人动态条数
                personageState.innerText=local.get('userdata').circlesCount
                // // 运动分钟数
                motionDate.innerText=local.get('userdata').duration
                //   // 运动卡路里
                motionCalorie.innerText=local.get('userdata').calorie
                //     // 徽章
                // userText.innerText=local.get('userdata').nickName
            }
            
            
        })
      }

      renderPage();

      //获取状态打卡
      function getHitClock(){
        https.get('/api/user/clockInInfo',function(res){
            if (res.errno==0) {
                // 打卡状态接口渲染用打卡天数
                clockDay.innerText=res.data.clockCount
                // console.log(res.data.clockCount);

                // 3木如果是true就走第一个 否则2
                todayClock.innerText=res.data.isClockIn?'今日已打卡':'今日未打卡';
                
            }else{
                weui.topTips('网络延时 稍后再试')
            }
        })
      }
      getHitClock()

       //打卡
       function hitClock(){

        todayClock.addEventListener('click',function(){
            https.post('/api/user/clockIn',{},function(res){
                if (res.errno==0) {
                    weui.topTips('打卡成功')
                    getHitClock()
                }else if(res.errno==-1){
                    weui.topTips(`${res.message}`)
                }else{
                    weui.topTips('网络延时 稍后再试')
                }
            })
        })
       }
       hitClock()
    // 用户名
    clickSkip(userbtn,'personal.html')
    // 运动数据
    clickSkip(motionBtn,'motiondata.html')
    // 徽章
    clickSkip(badgeBtn,'badge.html')
    // 个人动态
    clickSkip(motionBox,'DynamicList.html')

    // // 退出账号===========================================（这是清空本地储存）
    quitbtn.addEventListener('click',function(){
        local.clear()
    })
    
   
    // 点击dom跳转某个页面
    function clickSkip(dom,url ){
        dom.addEventListener('click',function(){
            window.location.href=url
        })
    }


  

})